//数据
numlist = [
    { small: '253万', zhong: '65万', big: '182万' },
    { small: '294万', zhong: '65万', big: '182万' },
    { small: '243万', zhong: '65万', big: '182万' },
    { small: '153万', zhong: '65万', big: '182万' },
    { small: '253万', zhong: '65万', big: '182万' },
    { small: '903万', zhong: '65万', big: '182万' },
    { small: '133万', zhong: '65万', big: '182万' },
    { small: '293万', zhong: '65万', big: '182万' },
    { small: '253万', zhong: '65万', big: '182万' },
    { small: '253万', zhong: '65万', big: '182万' },
    { small: '253万', zhong: '65万', big: '182万' },

    { small: '253万', zhong: '65万', big: '182万' },
    { small: '294万', zhong: '65万', big: '182万' },
    { small: '243万', zhong: '65万', big: '182万' },
    { small: '153万', zhong: '65万', big: '182万' },
    { small: '253万', zhong: '65万', big: '182万' },
    { small: '903万', zhong: '65万', big: '182万' },
    { small: '133万', zhong: '65万', big: '182万' },
    { small: '293万', zhong: '65万', big: '182万' },
    { small: '253万', zhong: '65万', big: '182万' },
]
function rander(arr) {
    const numStr = arr.map(e => {
        return `
        <li>
            <div class="num clearfix">
               <span>${e.small}</span>
               <span>${e.zhong}</span>
               <span>${e.big}</span>
            </div>
        </li>
        `
    }).join('')
    document.querySelector('.scroll ul').innerHTML = numStr
}
rander(numlist)
var myChart = echarts.init(document.getElementById('right-sec'))
// 调用实例中的setOption方法绘制图表
myChart.setOption({
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow', //
        },
        backgroundColor: 'rgba(55,55,55,0.6)', //提示框背景颜色
        textStyle: {
            fontSize: 14, //
            color: '#fff'  //
        },
        borderColor: 'rgba(55,55,55,0.5)', //提示框边框颜色

    },
    xAxis: {
        type: 'category',
        data: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22',]
    },
    yAxis: {
        type: 'value',
        splitLine: {
            lineStyle: {
                color: 'transparent'
            }
        }
    },
    grid: {
        left: '0%',
        right: '0%',
        bottom: '3%',
        containLabel: true
    },
    series: [
        {
            data: [150, 230, 224, 218, 135, 47, 90, 150, 230, 224, 178, 135, 147, 260, 150, 230, 224, 218, 135, 147, 260, 199, 96],
            type: 'line',
            symbol: 'circle',
            symbolSize: '10',
            color: 'yellow'
        },

    ],
})
